
//在Awebpack 中，使用import Vue from 'vue' 导入Vue构造函数，功能不完整，只提供了runtime-only的方式，并没有提供向网页那样的形式
// import Vue from 'vue'  //这种用的不是vue.js ，但是在配置文件中写入也行
import Vue from '../node_modules/vue/dist/vue.js'
//回顾包的查找规则:
// 1.找项目根目录中有没有node_ modules 的文件夹
// 2.在node_ modules 中根据包名，找对应的vue 文件夹
// 3.在vue文件夹中，找一个叫做package . json的包配置文件
// 4.在package .json 文件中，查找一个main 属性[main属性指定了这个包在被加载时候，的入口文件】


// var login ={
// 	template:'<h3>我是ligin组件,并且是webpack</h3>'
// }


//1.导入login组件
import login from './login.vue'
////默认，webpack 无法打包 .vue文件,需要安装相关的1oader :
//cnpm i vue-loader vue-temp1ate-compiler -D
//在配置文件中,新增1oader哦配置项test: /\. vue$ /use :vue- loade工”,vue-loader15版本以上还需要插件


var vm = new Vue({
	el:'#app',
	data:{
		msg:'123'
	},
	methods:{},
	// components:{
	// 	login
	// }
	/* render:function(createElements) { //createElements是一个方法，调用它，能够把指定的组件模板，渲染为HTML结构
		return createElements(login)
		//注意：这里的return的结果，会替换页面中el指定的那个容器
	} */
	render: c => c(login)    //简洁方式
})



//总结梳理: webpack 中如何使用vue:
// 1.安装vue的包: cnpm i vue -S
// 2.由于在webpack 中,推荐使用.vue 这个组件模板文件定义组件，所以，需要安装能解析这种文件的loader cnpm i vue- loader vue - template -complier -D
//3.在main.js中，导入vue模块import Vue from 'vue
// 4.定义一个.vue 结尾的组件，其中，组件有三部分组成: template script style
// 5.使用import login from ' . /login .vue’ 导入这个组件
// 6.创建vm的实例var vm = new Vue({ el: ”#app', render: C => C (login) })
// 7.在页面中创建一个id为app 的div 元素,作为我们vrm 实例要控制的区域;



import m1, {title,title2} from './test.js'
console.log(m1)
console.log(title+"------"+title2)
